﻿@using WxxMail.MVC.Common
@using WxxMail.MVC.Models.Login
@model LoginModel
@{
    ViewBag.Title = "Index";
}
@{ 
    Layout = null;
}

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Login</title>
    <!-- Core stylesheet files. REQUIRED -->
    <!-- Bootstrap -->
   <link href="@Url.StaticFile("/assets/vendor/bootstrap/css/bootstrap.css")" rel="stylesheet" />

    <!-- Font Awesome -->
    <!-- WARNING: Font Awesome doesn't work if you view the page via file:// -->
    <link href="@Url.StaticFile("/assets/vendor/font-awesome/css/font-awesome.css")" rel="stylesheet" />
    <!-- animate.css -->
    <link href="@Url.StaticFile("/assets/vendor/animate.css/animate.css")" rel="stylesheet" />
    <!-- END: core stylesheet files -->
    <!-- Theme main stlesheet files. REQUIRED -->
    <link href="@Url.StaticFile("/assets/css/chl.css")" rel="stylesheet" />
    <link href="@Url.StaticFile("/assets/css/theme-peter-river.css")" rel="stylesheet" />
    <!-- END: theme main stylesheet files -->
    <style media="screen">
        .app {
            background-image: url("../assets/img/bg.svg");
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>



<body class="bg-clouds">
    <div class="app">
        <div class="app-login">
            <div class="text-center box shadow-5 animated fadeInLeft b-r-4 p-a-20">
                <h1 class="f-4 m-a-0">Acme</h1>
                <h4>Sign in to start your session</h4>
                    @using (Html.BeginForm("submit", "Login", FormMethod.Post))
                    {
                        <div class="form-group has-feedback">
                           @* <input class="form-control" placeholder="Email" type="email">*@
                           @Html.TextBoxFor(x => x.LoginId, new { @class = "form-control", @type = "text", @placeholder = "用户名" })
                           @Html.ValidationMessage("LoginId", new { style = "color:red;" })
                            <span class="form-control-feedback">
                                <i class="fa fa-fw fa-envelope"></i>
                            </span>
                        </div>
                        <div class="form-group has-feedback">
                           @* <input class="form-control" placeholder="Password" type="password">*@
                            @Html.TextBoxFor(x => x.Pass, new { @class = "form-control" ,@type="password",@placeholder= "密码" })
                            @Html.ValidationMessage("Pass", new { style = "color:red;" })
                            <span class="form-control-feedback">
                                <i class="fa fa-fw fa-key"></i>
                            </span>
                        </div>
                        <div class="form-group has-feedback">

                          
                            @Html.TextBox("code", "", new { style = "width:100px;", placeholder = "验证码" })
                            <img style="cursor: pointer; vertical-align:middle" src="@Url.Action("VerifyImage", "Common")" id="VerifyImage" title="看不清？点击换一个" onclick="javascript:document.getElementById('VerifyImage').src='@Url.Action("VerifyImage", "Common")?r='+Math.random();return false;">
                            @Html.ValidationMessage("code", new { style = "color:red;" })
                          
                        </div>
                            <button type="submit" class="btn btn-primary btn-block m-b-15">Login</button>
                            <a href="app-forgot.html">
                                <small>Forgot password?</small>
                                @Html.ValidationMessage("CredentialError", new { style = "color:red;" })
                            </a>
                            <p class="text-muted text-right">
                                Do not have an account?
                                <a href="app-register.html">Create an account</a>
                            </p>

                            }

                        </div>
        </div>
        <!-- Modal -->
        <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="loginModalLabel">Terms</h4>
                    </div>
                    <div class="modal-body">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
                        in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal">I agree</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Core javascript files. REQUIRED -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <link href="@Url.StaticFile("/assets/vendor/jquery/jquery.js")" rel="stylesheet" />
    <link href="@Url.StaticFile("/assets/vendor/bootstrap/js/bootstrap.js")" rel="stylesheet" />
</body>

